<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻中心</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/list-news.css"/>
		<link rel="shortcut icon" href="favicon.ico">
	</head>
	<body>
		<!--header部分-->
		<div class="header">
			<div class="logo">
				<h1>
					<a href="index.html">汉唐资产</a>
				</h1>
			</div>
			<div class="search">
				<a href="javascript:;">官方微信</a>
				<div>
					<input type="text" placeholder="请输入关键词" name="" id="" value="" />
					<button>搜索</button>
				</div>
			</div>
		</div>
		<!--导航部分-->
		<div class="nav">
			<div class="nav-bd">
				<ul>
					<li class="home">
						<a href="index.html">
							<span>首页</span>
							<i></i>
						</a>
					</li>
					<li>
						<a href="#">
							<span>关于汉唐</span>
							<i></i>
						</a>
						<ul>
							<li><a href="aboutus.html">公司简介</a></li>
							<li><a href="president.html">董事长致辞</a></li>
							<li><a href="event.html">公司大事记</a></li>
							<li><a href="company.html">旗下公司</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>新闻中心</span>
							<i></i>
						</a>
						<ul style="width: 820px;">
							<li><a href="list-news.html">公司动态</a></li>
							<li><a href="list-news.html">产品资讯</a></li>
							<li><a href="list-news.html">业界资讯</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>公司业务</span>
							<i></i>
						</a>
						<ul style="width: 730px;">
							<li><a href="fund.html">私募基金</a></li>
							<li><a href="business.html">资产管理</a></li>
							<li><a href="wealth.html">财富管理</a></li>
							<li><a href="invest.html">投资顾问</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>宾馆餐饮</span>
							<i></i>
						</a>
						<ul style="width: 640px;">
							<li><a href="hotel.html">连锁酒店</a></li>
							<li><a href="food.html">连锁餐饮</a></li>
						</ul>
					</li>
					<li>
						<a href="#">	
							<span>企业文化</span>
							<i></i>
						</a>
						<ul style="width: 550px;">
							<li><a href="culture.html">核心理念</a></li>
							<li><a href="vision.html">公司愿景</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>合作交流</span>
							<i></i>
						</a>
						<ul style="width: 460px;">
							<li><a href="coop.html">项目推介</a></li>
							<li><a href="coop.html">投资意向</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>招贤纳士</span>
							<i></i>
						</a>
						<ul style="width: 370px;">
							<li><a href="list-job.html">招贤纳士</a></li>
						</ul>
					</li>
					<li>
						<a href="#">
							<span>联系我们</span>
							<i></i>
						</a>
						<ul style="width: 280px;">
							<li><a href="contact.html">通联信息</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--内页banner-->
		<div class="banner-son">
			<div class="banner-son-in">
				<img src="images/banner-news.jpg" alt="" />
			</div>
		</div>
		<div class="container clearfix list1">
			<div class="subnav">
				<div class="subnav-hd">
					<h2>新闻中心</h2>
					<p>ABOUT US</p>
				</div>
				<ul class="subnav-bd" id="menu">
					<li><a href="list-news.html">· 公司动态</a><i></i></li>
				</ul>
				<div class="subnav-ft">
					<h3>集团成员<span>GROUP MEMBER</span></h3>
					<div class="subnav-ft-bd">
						<div>
							<ul>
								<li>> 浙商银行</li>
								<li>> 华能贵诚信托有限公司</li>
								<li>> 长城证券</li>
								<li>> 中金公司</li>
								<li>> 浙商银行</li>
								<li>> 华能贵诚信托有限公司</li>
								<li>> 长城证券</li>
								<li>> 中金公司</li>
								<li>> 浙商银行</li>
								<li>> 华能贵诚信托有限公司</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="article">
				<div class="article-hd">您的位置：<a href="#">首页</a>>新闻中心</div>
				<div class="article-bd">
					<ul id="cont">
						<!-- 渲染位置 -->

						<li><a href="">·  汉唐旗下子公司深圳诺金与SMART平台共同成立“SMART诺金文旅产业并购基金”
</a> <span>2016-11-07</span></li>



					</ul>
				</div>
				<div class="page" id="pages">
					<!-- <a href="#">首页</a>
					<a href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">尾页</a> -->
					<a href="#">1</a>
				</div>
			</div>
		</div>
		<div class="footer container-fluid">
			<p>北京汉唐资产管理集团有限公司  电话：010-85187800</p>
			<p>Copyright &copy; 2013-2020 hantangamc.com.All Rights Reserved 京ICP备14001159号</p>
		</div>
	</body>
</html>
<script src="js/jquery.min.js"></script>
<script src="js/global.js"></script>
<!-- /v1/about/event -->
<!-- 引入ajax.js请求 -->
<script src="js/ajax.js"></script>
<script>
//加载完网页 可以直接请求接口 渲染数据
	get({
		type:'GET',
		url:'/v1/news/catlist',
		success:function(res){
			console.log(res)
			//获取详情部分 渲染到 cont之间
			var str =''
			for(var i =0;i<res.data.length;i++){
				str += `
				<li><a href="list-news.html">· ${res.data[i].cname}</a><i></i></li>
			`
			}
			menu.innerHTML = str
		}
	})	
	
	
	//加载完网页 可以直接请求接口 渲染数据
	get({
		type:'GET',
		url:'/v1/news/list?cat_id=10',
		data:{
			cat_id:10,
			pno:1,
			count:10
		},
		success:function(res){
			console.log(res)
			//获取详情部分 渲染到 cont之间
			var str =''
			for(var i =0;i<res.data.length;i++){
				var d= new Date(res.data[i].ctime)
				// 获取年月日
				var year = d.getFullYear()
				var month = d.getMonth()+1
				var date =d.getDate()
				str += `
				<li><a href="">·${res.data[i].title}
				</a> <span>${year}-${month<10?'0'+month:month}-${date<10?'0'+date:date}</span></li>
			`
			}
			cont.innerHTML = str
			//根据总页渲染分页
			var pstr =''
			for(var i=1;i<=res.pages;i++){
				//如果 i就是当前页 霸业吗放入span标签中  否则放入到a标签
				if(i == res.pno){
					pstr += ` <a href="#" class="current">${i}</a>`
				}else{
				pstr+=`					<a href="#">${i}</a>`
				}
			}
			pages.innerHTML=pstr
		}
	})
</script>
<style>
	.current{
		background-color: #ac996d;
	}
</style>